<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>商品规格列表</title> 
<%@ include file="/page/include.jsp"%>
</head>
<body class="nav-md">
	<div class="container body">
		<div class="main_container">
		
			<div class="framebody" role="main"  style="background-color: #fff;padding-bottom: 20px;">
                <ul id="myTab" class="nav nav-tabs">
                    <li ${tabIndex=='1'?'class="active"':''}><a href="#product_spec_config" data-toggle="tab">规格配置</a></li>
                    <li ${tabIndex=='2'?'class="active"':''}><a href="#product_property_config" data-toggle="tab">属性配置</a></li>
                    <li ${tabIndex=='3'?'class="active"':''}><a href="#product_property_template_config" data-toggle="tab">属性模板配置</a></li>
                </ul>
                <!-- 隐藏域 end -->
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade ${tabIndex=='1'?'in active':''} " id="product_spec_config">
                    	
                    	<div class="row">
							<div class="col-md-12 col-sm-12 col-xs-12">
								<div class="x_panel">
									<div class="x_title">
										<h2>
											<i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
										</h2>
										<div class="clearfix"></div>
									</div>
									
									<div class="x_content">
										<form id="position-form" class="form-horizontal form-label-left">
										
											<div class="form-group">
												
												<label class="control-label col-md-1" for="roleName">规格名称:
												</label>
												<div class=" col-md-2">
													<input type="text" id="specName" name="specName" class="form-control col-md-12">
												</div>
												<label class="control-label col-md-1" for="roleName">规格值:
												</label>
												<div class=" col-md-2">
													<input type="text" id="specValue" name="specValue" class="form-control col-md-12">
												</div>
												<div class=" col-md-6" align="right">
													<a class="btn btn-danger" id="btnProductSpecClear"><i class="fa fa-trash-o fa-fw"></i>清空</a> 
													<a class="btn btn-primary search" id="btnProductSpecQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
												</div>
											</div>
											
											
											
										</form>
									</div>
								</div>
								
								<div class="x_panel">
									<div class="x_content">
										<div class="row" style="padding-bottom: 10px;">
											<a class="btn btn-success btn-sm" id="btnProductSpecAdd"><i class="fa fa-plus fa-fw"></i>新增</a>
										</div>
										<div class="row">
											<table id="productSpecTable" class="table"></table>
										</div>
									</div>
								</div>
								
							</div>
						</div>
                    </div>
                    
                    
                    <!-- 商品属性 begin -->
                    <div class="tab-pane fade ${tabIndex=='2'?'in active':''} " id="product_property_config">
                    
                    	<div class="row">
							<div class="col-md-12 col-sm-12 col-xs-12">
								<div class="x_panel">
									<div class="x_title">
										<h2>
											<i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
										</h2>
										<div class="clearfix"></div>
									</div>
									
									<div class="x_content">
										<form id="position-form" class="form-horizontal form-label-left">
										
											<div class="form-group">
												
												<label class="control-label col-md-1" for="roleName">属性名称:
												</label>
												<div class="col-md-2">
													<input type="text" id="propertyName" name="propertyName" class="form-control col-md-12">
												</div>
												
												<label class="control-label col-md-1" for="roleName">属性值:
												</label>
												<div class="col-md-2">
													<input type="text" id="propertyValue" name="propertyValue" class="form-control col-md-12">
												</div>
												<div class="col-md-6" align="right">
													<a class="btn btn-danger" id="btnProductPropertyClear"><i class="fa fa-trash-o fa-fw"></i>清空</a> 
													<a class="btn btn-primary search" id="btnProductPropertyQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
												</div>
											</div>
										</form>
									</div>
								</div>
								
								<div class="x_panel">
									<div class="x_content">
										<div class="row" style="padding-bottom: 10px;">
											<a class="btn btn-success btn-sm" id="btnProductPropertyAdd" ><i class="fa fa-plus fa-fw"></i>新增</a>
										</div>
										<div class="row">
											<table id="productPropertyTable" class="table"></table>
										</div>
									</div>
								</div>
								
							</div>
						</div>
                        
                    </div>
                    <!-- 商品属性 end -->
                    
                    
                    <!-- 商品属性模板 -->
                    <div class="tab-pane fade ${tabIndex=='3'?'in active':''}" id="product_property_template_config">
                    
                    	<div class="row">
							<div class="col-md-12 col-sm-12 col-xs-12">
								<div class="x_panel">
									<div class="x_title">
										<h2>
											<i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
										</h2>
										<div class="clearfix"></div>
									</div>
									
									<div class="x_content">
										<form id="position-form" class="form-horizontal form-label-left">
										
											<div class="form-group">
												<label class="control-label col-md-1" for="roleName">模版名称 :
												</label>
												<div class="col-md-2">
													<input type="text" id="templateName" name="templateName" class="form-control col-md-12">
													<!-- 防止bootstrap的form表单回车刷新 -->
													<input type="text" style="display:none"/>
												</div>
												<div class="col-md-9" align="right">
													<a class="btn btn-danger" id="btnProductPropertyTemplateClear"><i class="fa fa-trash-o fa-fw"></i>清空</a> 
													<a class="btn btn-primary search" id="btnProductPropertyTemplateQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
												</div>
											</div>
										</form>
									</div>
								</div>
								
								<div class="x_panel">
									<div class="x_content">
										<div class="row" style="padding-bottom: 10px;">
											<a class="btn btn-success btn-sm" id="btnProductPropertyTemplateAdd" ><i class="fa fa-plus fa-fw"></i>新增</a>
										</div>
										<div class="row">
											<table id="productPropertyTemplateTable" class="table"></table>
										</div>
									</div>
								</div>
								
							</div>
						</div>
                    	<!-- 商品属性模板 end -->
                        
                    </div>
                </div>
            </div>
		
		</div>
	</div>
	<script src="${rootPath}/js/product/productSpec_list.js"></script>
</body>
</html>